.hro-login {
  background-image: url('/theme_login/BG_login_zq.png') !important;
}
.hro-login #canvas {
  pointer-events: none !important;
}
/* .hro-login .logo_knx {
  height: 31px !important;
  background-image: url('/theme_login/Logo_KNX.png') !important;
} */
.hro-login .dianzhui {
  position: absolute !important;
  top: .9rem !important;
  left: 0.5rem !important;
  z-index: 7 !important;
  width: 7.30rem !important;
  height: 3.53rem !important;
}
.hro-login .dianzhui .text {
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.hro-login .slogan-knx{
  position: absolute !important;
  top: 1.50rem !important;
  left: 0px !important;
  z-index: 7 !important;
  width: 10.53rem !important;
  height: 4.14rem !important;
  display: none !important;
}
.hro-login .slogan-knx .text{
  width: 100% !important;
  height: 100% !important;
  background-image: none !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.hro-login .slogan-caizhi{
  position: absolute !important;
  top: 1.80rem !important;
  left: 1rem !important;
  z-index: 7 !important;
  width: 9.53rem !important;
  height: 4.14rem !important;
  display: none !important;
}
.hro-login .slogan-caizhi .text{
  width: 100% !important;
  height: 100% !important;
  background-image: none !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.hro-login .login-con {
  width: 4.20rem !important;
  height: 3.30rem !important;
  background-color: rgba(255,255,255,0.3) !important;
  box-shadow: 0 .1rem .15rem rgba(0,0,0,0.2) !important;
  border-radius: .2rem !important;
  position: absolute !important;
  top: 50% !important;
  margin-top: -2.1rem !important;
  right: 50% !important;
  margin-right: -5.95rem !important;
  z-index: 9 !important;
  background-image: none !important;
}
.hro-login .login-con .form-con {
  width: 4.20rem !important;
  height: 3.3rem !important;
  top: 0 !important;
  right: 0 !important;
  padding: .2rem .65rem 0 !important;
}
.hro-login .ivu-input {
  color: #000000 !important;
}
.hro-login .ivu-input::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5) !important;
}
.hro-login .ivu-input:focus {
  border-color: rgba(0,0,0,0) !important;
  box-shadow: none !important;
}

.hro-login .login-con .form-con .login-btn {
  width: 100% !important;
  height: .42rem !important;
  border-radius: .42rem !important;
  text-align: center !important;
  line-height: .42rem !important;
  font-size: .2rem !important;
  color: #333 !important;
  cursor: pointer !important;
  background-color: #ffee99 !important; /* 不支持线性的时候显示 */
  background-image: linear-gradient(to right, #dbb976 , #ffee99) !important;
  box-shadow: 0px 5px 5px rgba(0,13,0,.1) !important;
}
.hro-login .login-con .form-con .iconfont{
  color: rgb(191,134,19) !important;
  font-size: .16rem !important;
}
.hro-login .login-con .form-con .border-b{
  border-bottom: 1px solid rgba(191,134,19,0.5) !important;
}
.hro-login .b-text{
  color: #333 !important;
}
.hro-login .b-text a{
  color: #333 !important;
}